@charset "utf-8";
@import "utils";
/*@import "reset";*/
/*@import "common";*/
html,body{
//  width: 100%;
//  height: 100%;
}
.customer_service_web{ 
    @include web;
    //  头部引入
    //主体 
    section{  
        @include midContent;
        //订单信息 
        .Order_information{
            width: 100%;
            margin: 0 auto;
            font-size: 0;
//          margin-left: r(20);
            margin-top: r(30);
            padding-bottom: r(27);
            border-bottom:1px solid #f1f1f1;
            >ul{
                width: 100%;
                &>li{
                    width: 24.7%;
                    height: r(117);
                    background: #f8f8f8;
                    text-align: center;
                    padding-bottom: r(10);
                    display: inline-block;
                    vertical-align: top;
                    margin-right: r(2);
                    >a{
                        >div{
                            margin-top: r(20);
                            width: r(28);
                            height: r(49);
                            display: inline-block;
                            img{
                                width: 100%;
                            }
                        }
                        &>p{
                            color: #d69782;
                            font-size: r(17+8);
                            margin-top: r(10);
                        }
                    }
                }
                &>li:nth-child(2){
                    &>a{
                        &>div{
                            margin-top: r(32);
                            width: r(48);
                            height: r(37);
                            display: inline-block;
                            img{
                                width: 100%;
                            }
                        }
                    }
                }
                &>li:nth-child(3){
                    &>a{
                        &>div{
                            margin-top: r(35);
                            width: r(36);
                            height: r(32);
                            display: inline-block;
                            img{
                                width: 100%;
                            } 
                        }
                    }
                }
                &>li:nth-child(4){
                    &>a{
                        &>div{
                            margin-bottom: r(12);
                            margin-top: r(30);
                            width: r(42);
                            height: r(37);
                            display: inline-block;
                            img{
                                width: 100%;
                            }
                        }
                        &>p{
                            color: #d69782;
                            font-size: r(17+8);
                            margin-top: r(0);
                        }
                    }
                }
            } 
        }
        //待评价
        .section_content{
            .order_for_goods{
                width: 100%;
                margin-top: r(35);
                margin-bottom: r(20);
                overflow: hidden;
                .goods_top{
                    overflow: hidden;
                    margin-top: r(20);
                    .order_number{
                        display: inline-block;
                        p{
                            color: #d69782;
                            font-size: r(20+8);
                        }
                    }
                }
                .order_goods{
                    margin-top: r(15);
                    width: 100%;
                    background: #f6f6f6;
                    overflow: hidden;
                    .order_goods_left{
                        vertical-align: top;
                        display: inline-block;
                        &>div{
                            margin:r(14) r(32) r(19) r(20) ;
                            width: r(143);
                            height: r(143);
                            @include aImg;
                        }
                    }
                    .order_goods_right{
                        width: r(470);
                        overflow: hidden;
                        display: inline-block;
                        .goods_right_top{
                            width: r(350);
                            margin-top: r(15);
                            p{
                                color: #7c7c7c;
                                margin-top: r(10);
                                font-size: r(19+8);
                                overflow: hidden;
                                text-overflow: ellipsis;
                                white-space: nowrap;
                            }
                        }
                        .goods_right_bottom{
                            margin-top: r(-10);
                            text-align: right;
                            p{
                                color: #535353;
                                font-size: r(20+8);
                            }
                            span{
                                color: #a5a5a5;
                                font-size: r(20+8);
                            }
                        }
                    }
                }
            }
            //服务类型
            .Service_type{
                margin: 0 auto;
                width: 100%;
                .type_top{
                    border-bottom: 1px solid #e5e5e5;
                    padding-bottom: r(33);
                    &>div:nth-child(1){
                        text-align: center;
                        &>div{
                            display: inline-block;
                            border-top: r(6) solid #f7a181;
                            width: r(82);
                        }
                        &>p{
                            font-size: r(20+8);
                            color:#f7a181 ;
                        }
                    }
                    &>div:nth-child(2){
                        width: 100%;
                        margin-top: r(30);
                        &>ul{
                            font-size: 0;
                            text-align: center; 
                            &>li{
                                height: r(40);
                                width: r(155);
                                background: #acacac;
                                display: inline-block;
                                text-align: center;
                                line-height: r(40);
                                 margin: 0 r(37);
                                &>a{
                                    color: #fff;
                                    font-size: r(16+8);
                                    display: block;
                                }
                                &>a:hover{
                                    color: #fff;
                                    font-size: r(16+8);
                                    background: #f7a181;
                                }
                            }
                        }
                    }
                }
                //问题反馈
                .Question_feedback{
                    margin-top: r(30);
                    //文本框
                    .text_area{
                        overflow: hidden;
                        &>textarea{
                            resize: none;
                            border: none;
                            width: 95%;
                            height: r(115);
                            border: 1px solid #e7e7e7;
                            padding-left: r(30);
                            padding-top: r(25);
                        }
                    }
                    //上传图片
                    .Upload_Photos{
                        margin-top: r(10);
                        &>div{
                            vertical-align: top;
                           display: inline-block;
                           margin-top: r(10); 
                        }
                        //图片
                        .Upload_Photos_pic{
                            border: 1px solid #e7e7e7;
                            text-align: center;
                            width: r(143);
                            height: r(143);
                            line-height: r(143);
                            @include aImg;
                        }
                        //照相机
//                      .camera{
//                          &>div{
//                              display: inline-block;
//                              width: r(62);
//                              height: r(50);
//                              @include aImg;
//                          }
//                      }
                    }
                    //提交
                    .refer_to{
                        height: r(60);
                        width: r(455);
                        line-height: r(60);
                        border: 1px solid #808180;
                        text-align: center;
                        margin: 0 auto;
                        margin-top:r(45);
                        &>a{
                            padding-top: r(1);
                            display: block;
                            font-size: r(25+8);
                            color: inherit;
                        }
                    }
                }
            }
        }
    }
    
  //  尾部样式引入
}
